<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手牵手一起走</title>
    <script type="text/javascript" src="JS/jquery.js"></script>
    <script type="text/javascript" src="JS/index.js"></script>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <link href="css/home.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div>
        <!-- 头部 -->
        <div class="head">
            <div class="head-mann">
                <div class="head-left">
                    <ul>
                        <li>传智播客旗下品牌:</li>
                        <li><a href="#" class="head-left-a"> 黑马程序员</a></li>
                        <li><a href="#"> 博学谷</a></li>
                    </ul>
                </div>
                <div class="head-right">
                        <ul>
                            <li>改变中国IT教育，我们正在行动</li>
                            <li>全国咨询热线：400-618-4000</li>
                        </ul>
                </div>
            </div>
        </div>
        <!-- 中部 -->
        <div class="mian">
            <!-- 菜单 -->
            <div class="mian-top">
                <ul>
                    <li id="mian-top-a"><a href="#"><img src="ZY/logo.png"></a></li>
                    <li id="mian-b"><a href="#">免费学习资源</a></li>
                    <li><a href="#">课程中心</a></li>
                    <li><a href="#">原创教材</a></li>
                    <li><a href="#">学员故事</a></li>
                    <li><a href="#">传智社区</a></li>
                </ul>
            </div>
            <div class="mian-main">
                <div class="mian-main-left">
                    <a href="#"><img src="ZY/banner.jpg"></a>
                </div>
                <div class="mian-main-rigt">
                    <div class="mian-main-xxg">
                        <div>信息港</div>
                    </div>
                    <div>
                        <ul class="mian-ul">
                            <li><img src="img/点.png"><a href="#">2016年传智各学科学费价格表</a></li>
                            <li><img src="img/点.png"><a href="#">全国新开校区，前三期立减1998！</a></li>
                            <li><img src="img/点.png"><a href="#">零基础，1元上30天完整IT入门课程</a></li>
                            <li><img src="img/点.png"><a href="#">UI设计打造会代码的全能设计师</a></li>
                            <li><img src="img/点.png"><a href="#">打造Python前后端全栈开发工程师</a></li>
                            <li><img src="img/点.png"><a href="#">Android入门易成长快，岂止高薪！</a></li>
                            <li><img src="img/点.png"><a href="#">PHP助你快速入门，就业冲击10k</a></li>
                            <li><img src="img/点.png"><a href="#">iOS，4个月即可引领IT“薪”革命</a></li>
                            <li><img src="img/点.png"><a href="#">延续40年经典—永不过时的C/C++</a></li>

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 移动开发 -->
            <div style="clear: both ;padding-top: 20px;height: 350px;background-color: #f3f3f3;">
                <div class="yd-left">
                </div>
                <div class="yd-right">
                    <ul>
                        <li><a href="#"><img src="ZY/icon1.png"><em>课程介绍</em></a></li>
                        <li><a href="#"><img src="ZY/icon2.png"><em>课程大纲</em></a></li>
                        <li><a href="#"><img src="ZY/icon3.png"><em>开班时间</em></a></li>
                        <li><a href="#"><img src="ZY/icon4.png"><em>师资库</em></a></li>
                        <li><a href="#"><img src="ZY/icon5.png"><em>就业薪资</em></a></li>
                        <li><a href="#"><img src="ZY/icon6.png"><em>班级活动</em></a></li>
                        <li><a href="#"><img src="ZY/icon7.png"><em>公开课</em></a></li>
                        <li><a href="#"><img src="ZY/icon8.png"><em>视频下截</em></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="bottem">
            <div class="bottem-one">
                <div class="botte-div">
                    <ul>
                        <li class="bottem-li">关于我们</li>
                        <li><a href="#">传智简介</a></li>
                        <li><a href="#">加入传智</a></li>
                        <li><a href="#">联系传智</a></li>
                    </ul>
                </div>
                <div class="botte-div">
                    <ul>
                        <li class="bottem-li">旗下品牌</li>
                        <li><a href="#">黑马程序员</a></li>
                        <li><a href="#">博学谷</a></li>
                    </ul>
                </div>
                <div class="botte-div">
                    <ul>
                        <li class="bottem-li">关于我们</li>
                        <li><a href="#">传智简介</a></li>
                        <li><a href="#">加入传智</a></li>
                        <li><a href="#">联系传智</a></li>
                    </ul>
                </div>
                <div class="botte-div">
                    <ul>
                        <li class="bottem-li">校区攻略</li>
                        <li><a href="#">校区环境</a></li>
                        <li><a href="#">住宿攻略</a></li>
                        <li><a href="#">来校路线</a></li>
                    </ul>
                </div>
                <div class="botte-div">
                    <ul>
                        <li class="bottem-li">学习资源</li>
                        <li><a href="#"> 视频库</a></li>
                        <li><a href="#">公开课</a></li>
                        <li><a href="#">云课堂</a></li>
                        <li><a href="#">传智商城</a></li>
                    </ul>
                </div>
            </div>
            <div class="bottem-tw">
                <div style="font-size:20px;height: 40px; ">友情链接</div>
                <div class="bottem-tw-div">
                    <ul>
                        <li><a href="#">黑马程序员</a></li>
                        <li><a href="#">博学谷</a></li>
                        <li><a href="#">首席营销官</a></li>
                        <li><a href="#">雅思</a></li>
                        <li><a href="#">ThinkPHP框架</a></li>
                        <li><a href="#">进销存软件</a></li>
                        <li><a href="#">在职研究生</a></li>
                        <li><a href="#">职称计算机考试</a></li>
                        <li><a href="#">中国教育网</a></li>
                        <li><a href="#">视频教程网</a></li>
                        <li><a href="#">论文查重</a></li>
                        <li><a href="#">听课网</a></li>
                        <li><a href="#">PPT模板</a></li>
                        <li><a href="#">求职信</a></li>
                        <li><a href="#">CCNA</a></li>
                        <li><a href="#">我爱IT技术网</a></li>
                        <li><a href="#">云计算</a></li>
                        <li><a href="#">标准下载</a></li>
                        <li><a href="#">图片制作</a></li>
                        <li><a href="#">五笔输入法下载</a></li>
                        <li><a href="#">中国在职研究生网</a></li>
                        <li><a href="#">电脑主题</a></li>
                        <li><a href="#">123标志设计网</a></li>
                        <li><a href="#">新东方小语种</a></li>
                        <li><a href="#">java1234</a></li>
                        <li><a href="#">培训师</a></li>
                        <li><a href="#">申请传智播客友链</a></li>
                    </ul>
                </div>
            </div>
            <div class="bottem-th">
                <div class="weibu-one"><a href="#"><img src="ZY/logo.png" ></a></div>
                <div class="weibu-one1">
                    <ul id="weibu-lef">
                        <li>版权所有</li>
                        <li>2006 - 2016</li>
                        <li>北京传智播客教育科技有限公司</li>
                        <li>地址：北京市昌平区建材城西路金燕龙办公楼一层</li>
                        <li>邮编：100096</li>
                    </ul>
                    <ul id="weibu-right">
                        <li>电话：010-82935150/60/70 </li>
                        <li>邮箱: zhanghj@itcast.cn</li>
                        <li>京ICP备08001421号</li>
                        <li>京公网安备110108007702</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>